<!doctype html>
<html>
  <head>
    <title>Top 3 Students</title>

      <style>


        * {
            padding: 0;
            margin: 0;
        }
        html {
            height: 100%;
        }
        body {
            background-image: linear-gradient(to bottom right, rgb(114, 135, 254), rgb(130, 88, 186));
        }
        .title {
            color: #fff;
            font-size: 18px;
            font-weight: 200;
            align:center;
        }
    </style>

  </head>
  <body>
    <h1>最优秀的绩点前三名学生：</h1>
    <ul>
      {% for student in students %}
        <li>{{ student[1] }}</li>
      {% endfor %}
    </ul>
  </body>
</html>